<script setup lang="ts">
import { useRouter } from "vue-router"

const router = useRouter()
</script>

<template>
  <div class="flex w-full h-full items-center justify-center border border-solid border-[#ddd] rounded-2 bg-[#fff]">
    <img class="w-100 h-100" src="@/assets/icons/error/404.svg" />
    <div class="ml-10">
      <div class="text-2xl font-semibold">您访问的页面不存在！</div>
      <div class="text-sm text-slate-400 mt-3 mb-4">请检查您输入的网址是否正确，点击下面按钮返回首页</div>
      <el-button type="primary" round @click="router.push('/')">返回首页</el-button>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>